<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/home/home.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/backtotop.css">
        <link rel="stylesheet" href="vendor/frozenui-1.3.0/css/frozen.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body style="background-color: white;">
        <header id="id_header" class="ui-header ui-header-stable ui-border-b" style="background-color: #2bbfff;">
            <i class="ui-icon-return" onclick="history.back()"></i><h1 id="h1_header">百年富贵尊享终身年金保险</h1>
        </header>
        <div id="id_body" class="ui-container ui-center" style="border: 0;">
            <!--<div class="ui-tab" id="tab1">-->
                <!--<ul class="ui-tab-nav ui-border-b">-->
                    <!--<li id="prod_tab1" class="current" onclick="show_hide('content1', 'prod_tab1', 'content2', 'prod_tab2', '项目1')">项目1</li>-->
                    <!--<li id="prod_tab2"                 onclick="show_hide('content2', 'prod_tab2', 'content1', 'prod_tab1', '项目2')">伦敦ONE项目</li>-->
                <!--</ul>-->
                <!--<ul class="ui-tab-content" style="width:100%">-->
                    <!--<li id="content1">-->
                        <div class="container">
                            <img alt="." id="ins1" class="imgClass"  src="./img/insurance/fgzx1.jpg" style="width: 100%;">
                        </div>
                        <div class="container">
                            <img alt="." id="ins2" class="imgClass"  src="./img/insurance/fgzx2.jpg" style="width: 100%;">
                        </div>
                        <div class="container">
                            <img alt="." id="ins3" class="imgClass"  src="./img/insurance/fgzx3.jpg" style="width: 100%;">
                        </div>
                        <div class="container">
                            <img alt="." id="ins4" class="imgClass"  src="./img/insurance/fgzx4.jpg" style="width: 100%;">
                        </div>
                        <div class="container">
                            <img alt="." id="ins5" class="imgClass"  src="./img/insurance/fgzx5.jpg" style="width: 100%;">
                        </div>


                        <form action="form_appointment.html?src=" style="width: 100%;">
                            <input type="hidden" name="src" value="insurance_fgzx"/>
                            <div class="ui-btn-wrap">
                                <button class="ui-btn-lg ui-btn-danger" style="border-radius: 0;">
                                    预约投保
                                </button>
                            </div>
                        </form>
                    <!--</li>-->
                    <!--<li id="content2" style="display: none;">-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        </div>


        <a href="#" class="simple-back-to-top"></a>



        <script src="js/vendor/jquery-1.12.0.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/backtotop.js"></script>


        <script>
            $(window).load(function(){
                $('.container').find('img').each(function(){
                    var imgClass = (this.width/this.height > 1) ? 'wide' : 'tall';
                    $(this).addClass(imgClass);
                });

                var header_height = $("#id_header").height();
                $('#id_body').css('margin-top',header_height+"px");

            });

//            function show_hide(showid, showtab, hideid, hidetab, new_text) {
//                document.getElementById("h1_header").innerHTML = new_text;
//                document.getElementById(showid).style.display = "inline";
//                document.getElementById(showtab).className = "current";
//                document.getElementById(hideid).style.display = "none";
//                document.getElementById(hidetab).className = "";
//            }
        </script>
    </body>
</html>
